<style>
.content-account{ margin-bottom:20px; border:1px solid #77d64e; min-height:200px; float:right; margin-right:10px;}
.name-account{margin:20px; line-height:28px; }
.avatar{float:left; margin-right:10px;}

.form-info{width:500px; margin-left:23%;}
.field label{ width: 130px; text-align:right; color:#666666; float:left; font-size:12px; margin-top:19px; padding-right:10px;}
.field label em{ color:#F00;}
.form-list input {
    display: block;
    float: left;
    width: 260px; height:25px; margin-top:12px;
}
.update-btn {
    background: url(../images/login-btn-bg2.png) no-repeat; width:138px; height:42px;
    color: #ffffff;
    cursor: pointer;
    font-size:18px;
    padding: 2px 10px 8px 5px;
    text-align: center !important;
	border:none;
	margin-top:15px; margin-bottom:15px;
	margin-left:54%;
}
.changepass{ margin-left:177px; margin-top:10px;}
</style>
   
<div class="noidung" id ="noidung">
	<?php  include("modules/menuaccount.php");?> 
    <div class="content-account">
    	<div class="name-account">
        	<img src="../images/avatar.png" width="85" height="85" class="avatar" />
            <div class="name-accountdetail">
            	<span style="color:#6a9329; font-size:16px;"> Nguyễn Văn A</span><span style="color:#c3c3c3; font-size:14px;"> - Top commenter</span><br />
                Cấp độ:&nbsp;<img class="capdo1" src="../images/capdo1.png" width="19" height="19" alt="" />
                <img class="capdo2" src="../images/capdo2.png" width="19" height="19" alt="" />
                <img class="capdo3" src="../images/capdo3.png" width="19" height="19" alt="" />
                <img class="capdo4" src="../images/capdo4.png" width="19" height="19" alt="" />
                <img class="capdo5" src="../images/capdo5.png" width="19" height="19" alt="" /><br />
                Ví: <span style="color:#f32c55; font-size:14px; font-weight:bold;"> 1.000.000đ</span>
            </div>            
        </div>        
         <hr style="height:1px;border-width:0;color:#75a72d;background-color:#75a72d; width:96%;" >
        <div class="form-info">
        	<ul class="form-list">
            	<li class="field">
                	<label> Email<em>*</em></label>
                    <input type="text" class="info-input" id="email_address" name="" title="Email address" disabled="disabled" />
                </li>
                <li class="field">
                	<label> Họ và tên<em>*</em></label>
                    <input type="text" class="info-input" id="name" name="" title="Họ và tên" />
                </li>                
                 <li class="field">
                	<label> Ngày sinh<em>*</em></label>
                    <input type="text" class="info-input" id="password" name="" title="Ngày sinh" />
                </li>
                 <li class="field">
                	<label> Giới tính<em>*</em></label>
                    <select style="width: 260px; height:27px; margin-top:12px;" id="gender" name="gender" title="Giới tính"> 
                    	<option value="1"> Nam</option>
                        <option value="0"> Nữ</option>
                    </select>
                </li>  
                 <li class="field">
                	<label> Địa chỉ hiện tại<em>*</em></label>
                    <input type="text" class="info-input" id="address" name="" title="Địa chỉ hiện tại" />
                </li>  
                <li class="field">
                	<label> Trình độ học vấn</label>
                    <select style="width: 260px; height:27px; margin-top:12px;" id="knowledge" name="knowledge" title="Trình độ học vấn"> 
                    	<option value="1"> Nam</option>
                        <option value="0"> Nữ</option>
                    </select>
                </li>   
                <li class="field">
                	<label>Tên trường</label>
                    <input type="text" class="info-input" id="school" name="" title="Tên trường" />
                </li> 
                <li class="field">
                	<label>Nghề nghiệp</label>
                    <input type="text" class="info-input" id="school" name="" title="Tên trường" />
                </li>  
                <li class="field">
                	<label>Avatar</label>
                    <input id="file" class="input-text" type="file" size="28" name="file">   
                </li>                                           			
        </ul>
        <div class="clear"></div>   
         <div class="changepass">
        	<input style="width:10px;" id="change_password" class="checkbox" type="checkbox" title="Thay đổi mật khẩu" onclick="" value="1" name="change_password">
			<label for="change_password">Thay đổi mật khẩu</label>
             
        </div>    
        <button id="update" name="update" title="Cập nhật" value="" class="update-btn" type="submit"><span>Cập nhật</span></button>
     </div>
    </div>	                
<div class="clear"></div> 
</div>
<script>
$j(document).ready(function(){
$j(".account11 a").click(function () {
	$j(".selected").removeClass("selected").addClass('unselected');
	$j(this).parent().addClass("selected").removeClass('unselected');
	/*$(".account").slideUp();
	var content_show = $(this).attr("title");
	$("#"+content_show).slideDown();*/
});
});
</script>



    